﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Face.Web.index" %>

<!doctype html>
<style type="text/css">
    .style1
    {
        font-family: 微软雅黑;
        font-style: normal;
    }
</style>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script type="text/javascript">        var NREUMQ = NREUMQ || []; NREUMQ.push(["mark", "firstbyte", new Date().getTime()]);</script>
    <title>post 90s museum — Remember your memory.</title>
    <meta name="description" content="pictures,articles, vidoes and message.">
    <meta name="viewport" content="width=device-width">
    <link href="https://gathercontent.com/assets/css/global/_dynamic.php?v=1371375278" rel="stylesheet" media="screen" />
    <link href="/css/_dynamic2.css" rel="stylesheet" media="screen" />
    <script src="/js/modernizr-2.5.3.min.js"></script>
    <link rel="shortcut icon" href="https://gathercontent.com/favicon.ico">
    <script src="/js/239294537.js"></script>
    <!-- Start Visual Website Optimizer Asynchronous Code -->
    <script type='text/javascript'>
        var _vwo_code = (function () {
            var account_id = 34757,
        settings_tolerance = 2000,
        library_tolerance = 1500,
        use_existing_jquery = false,
            // DO NOT EDIT BELOW THIS LINE
        f = false, d = document; return { use_existing_jquery: function () { return use_existing_jquery; }, library_tolerance: function () { return library_tolerance; }, finish: function () { if (!f) { f = true; var a = d.getElementById('_vis_opt_path_hides'); if (a) a.parentNode.removeChild(a); } }, finished: function () { return f; }, load: function (a) { var b = d.createElement('script'); b.src = a; b.type = 'text/javascript'; b.innerText; b.onerror = function () { _vwo_code.finish(); }; d.getElementsByTagName('head')[0].appendChild(b); }, init: function () { settings_timer = setTimeout('_vwo_code.finish()', settings_tolerance); this.load('//dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random()); var a = d.createElement('style'), b = 'body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}', h = d.getElementsByTagName('head')[0]; a.setAttribute('id', '_vis_opt_path_hides'); a.setAttribute('type', 'text/css'); if (a.styleSheet) a.styleSheet.cssText = b; else a.appendChild(d.createTextNode(b)); h.appendChild(a); return settings_timer; } };
        } ()); _vwo_settings_timer = _vwo_code.init();
    </script>
    <!-- End Visual Website Optimizer Asynchronous Code -->
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">
    <form id="form1" runat="server">
    <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
    <div class="page-content-wrapper">
        <header class="header">
            <div class="row">
                <div class="span3">
                    <h1 class="logo">
                        <a href="/index.aspx">
                            <img src="/img/logo.png" alt="Gather Content" /></a>
                    </h1>
                </div>
                <div class="menu span9 pull-right">
                    <ul class="menu-list">
                        <li class="menu-item highlight-item"><a href="/login_and_signup/signup.aspx">现在就注册</a>
                        </li>
                        <li class="menu-item login-item"><a href="/login_and_signup/login.aspx" class="btn btn-inverse btn-mini">
                            登录</a> </li>
                    </ul>
                </div>
            </div>
        </header>
        <div class="hero-unit">
            <div class="container">
                <h1>
                    90后博物馆</h1>
                <h2>
                    我们收集90图片、文章，你上传你的视频，我们一起来回忆90后的独家记忆。</h2>
                <ul class="row ">
                    <li class="span3 plan float-up">
                        <p>
                           网站公告
                        </p>
                        <p>
                            <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
                        </p>
                        <p>
                            <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
                        </p>
                    </li>
                    <li class="span3 structure float-up"><a href="/Pic_and_article/Picture.aspx">
                        <p>
                            图片</p>
                        <p>
                            那些曾经我们熟悉的画面，你还记得起吗？</p>
                    </li>
                    <li style="margin-top: 0px" class="span3 collaborate float-up"><a href="/Pic_and_article/articalList.aspx">
                        <p>
                            文章</p>
                        <p>
                            来看看我们90后说什么.</p>
                    </li>
                    <li class="span3 deliver float-up"><a href="/VideoPage/VideoHome.aspx">
                        <p>
                            视频</p>
                        <p>
                            随手拍下身边值得被记录的人事物，与网友们分享.</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row get-started-now">
                <div class="span10 offset1 white-panel button-text-panel">
                    <h2>
                        准备好开始你的记忆之旅了吗？</h2>
                    <a href="/login_and_signup/signup.aspx" class="btn btn-large btn-warning">现在就注册</a>
                </div>
            </div>
            <div class="row logoset">
                <div class="span12">
                </div>
            </div>
            <div class="row">
                <div class="span12 white-panel better-manage">
                    <div class="container">
                        <div class="row cf">
                            <div class="span5">
                                <div class="padding-large">
                                    <h2>
                                        那些我们有过的诗情画意在我们或清新或激昂的文字中流淌。</h2>
                                    <p class="small-text">
                                        博物馆发布我们熟悉的文章、从90后网友投稿中挑选出来的美文。</p>
                                    <ul class="green-checks">
                                        <li>“轻轻地我走了，正如我轻轻地来。”</li>
                                        <li>——《再别康桥》</li>
                                        <li>“我们痛苦来源于爱。但我们的幸福也来源于爱。”——《小时代》</li>
                                        <li>“You jump, I jump!”——《Titanic》</li>
                                        <li>“山无棱，天地合，才敢与君绝！”</li>
                                        <li>——《还珠格格》</li>
                                    </ul>
                                    <a href="/login_and_signup/signup.aspx" class="btn btn-warning btn-large">现在就注册</a>
                                </div>
                            </div>
                            <div class="span8 slider-container">
                                <ul class="slider pull-right">
                                    <li>
                                        <img src="/img/articlePic.png" alt="logoset-1" width="624" height="449" />
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span12 white-panel no-padding slider">
                    <div>
                        <div class="slider-container">
                            <ul class="slides">
                                <li>
                                    <div class="slider-content">
                                        &nbsp;<img src="/img/childhood.png" alt="andculture" width="143" height="26" /><blockquote
                                            class="style1">
                                            幼儿园毕业照。幼儿园老师你还记得吗？还会不会想起在幼儿园门口跟爸妈哭得一把鼻涕一把泪的样子？</blockquote>
                                    </div>
                                    <img src="/img/1.png" alt="AndCulture" width="998" height="355" />
                                </li>
                                <li>
                                    <div class="slider-content">
                                        <img src="/img/hobby.png" alt="FifthRing" width="117" height="34" />
                                        <blockquote>
                                            龙猫作为90后的经典回忆，可爱的形象将永远陪伴我们善良美好的心灵。</blockquote>
                                    </div>
                                    <img src="/img/2.png" alt="Steven Milne" width="998" height="355" />
                                </li>
                                <li>
                                    <div class="slider-content">
                                        <img src="/img/love.png" alt="Deer Digital" width="174" height="38" />
                                        <blockquote>
                                            有你真好。我们闹我们笑我们畅想所有的美好。</blockquote>
                                    </div>
                                    <img src="/img/3.png" alt="Rebecca Desforges" width="998" height="355" />
                                </li>
                            </ul>
                            <div class="slider-controls">
                                <a href="#" class="control-1 active">1</a> <a href="#" class="control-2">2</a> <a
                                    href="#" class="control-3">3</a>
                            </div>
                        </div>
                        <div class="button-text-panel">
                            <a href="/login_and_signup/signup.aspx" class="btn btn-large btn-warning">现在就注册</a>
                            <p class="small-text">
                                博物馆发布记录着我们成长路程的照片、图片。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="span12 white-panel no-padding">
                    <ul class="nav nav-tabs">
                        <li><a href="#home" data-toggle="tab" class="gc-icon agency-icon">动漫</a></li>
                        <li><a href="#profile" data-toggle="tab" class="gc-icon enterprise-icon">经典电影</a></li>
                        <li><a href="#messages" data-toggle="tab" class="gc-icon higher-ed-icon">动听旋律</a></li>
                        <li><a href="#settings" data-toggle="tab" class="gc-icon gov-icon">原创作品</a></li>
                        <p class="small-text">
                            博物馆发布网友上传的视频。</p>
                    </ul>
                    <!-- End tabs -->
                    <div class="tab-content">
                        <div class="tab-pane active" id="home">
                            <div class="span5">
                                <h2>
                                    勾起回忆的动画片和动漫。</h2>
                                <ul class="green-checks">
                                    <li>小时候最爱看的动画片就是《大头儿子和小头爸爸》了！每天的动画城，厨房里做着飘香饭菜的妈妈，看报的老爸，还有目不转睛盯着电视机的我。</li>
                                </ul>
                                <a href="/login_and_signup/signup.aspx" class="btn btn-warning btn-large">现在就注册</a>
                            </div>
                            <div class="span5  pull-right">
                                <img src="/img/cartoon2_video.png" class="img-tilt" />
                            </div>
                        </div>
                        <div class="tab-pane" id="profile">
                            <div class="span5">
                                <img src="/img/cartoon_video.png" class="img-tilt" />
                            </div>
                            <div class="span5 pull-right">
                                <h2>
                                    给我们梦想、幻想，教我们现实的电影作品。</h2>
                                <ul class="green-checks">
                                    <li>我们幸运的生在电影产业迅速升温的年代，《超人》、《变形金刚》还有宫崎骏的动画电影，全是我的最爱！特别是《龙猫》，让我相信，善良的人最终是会获得幸福的！</li>
                                </ul>
                                <a href="/login_and_signup/signup.aspx" class="btn btn-warning btn-large">现在就注册</a>
                            </div>
                        </div>
                        <div class="tab-pane" id="messages">
                            <div class="span5">
                                <h2>
                                    打动心灵的灵魂音乐。</h2>
                                <ul class="green-checks">
                                    <li>卫兰《Fairy》演唱会。因为她喜欢上的粤语歌，跟好朋友一起听歌，聊音乐，聊心情。。。现在好朋友不在身边，听到熟悉的旋律还是会想起那时候的日子。</li>
                                </ul>
                                <a href="/login_and_signup/signup.aspx" class="btn btn-warning btn-large">现在就注册</a>
                            </div>
                            <div class="span5  pull-right">
                                <img src="/img/concert_video.png" class="img-tilt" />
                            </div>
                        </div>
                        <div class="tab-pane" id="settings">
                            <div class="span5">
                                <img src="/img/micromovie_video.png" class="img-tilt" />
                            </div>
                            <div class="span5 pull-right">
                                <h2>
                                    搞笑、温馨、浪漫、无厘头……人人都是大导演。</h2>
                                <ul class="green-checks">
                                    <li>我们班自导自演的一部小话剧，大家认真准备、用心演出，演出自己的心声！</li>
                                </ul>
                                <a href="/login_and_signup/signup.aspx" class="btn btn-warning btn-large">现在就注册</a>
                            </div>
                        </div>
                    </div>
                    <!-- End .tab-content -->
                </div>
            </div>
            <div class="row get-started-now">
                <div class="span12 white-panel button-text-panel">
                    <div class="white-panel-content">
                        <a href="login_and_signup/signup.aspx" class="btn btn-large btn-warning">现在就注册</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="push">
            <!--//-->
        </div>
    </div>
    <!-- page-content-wrapper -->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <a href="https://gathercontent.com/"><img src="/img/logo.png" alt="Gather Content" /></a>
                    <p>Our mission is to bring you into your memory.</p>
                </div>
            </div>
            <div class="row links-horizontal">
                <div class="span12">
                    <ul>
                        <li>Product</li>
                        <li><a href="https://gathercontent.com/">Home</a></li>
                        <li><a href="https://gathercontent.com/features">Features</a></li>
                        <li><a href="https://gathercontent.com/how-it-works">How It Works</a></li>
                        <li><a href="https://gathercontent.com/pricing">Pricing</a></li>
                        <li><a href="http://gathercontent.helpjuice.com/">Help &amp; Support</a></li>
                        <li><a href="http://gathercontent.helpjuice.com/questions/26611-How-do-I-use-the-API" target="_blank">API</a></li>
                        <li><a href="http://getsatisfaction.com/gathercontent" target="_blank">Community &amp; Feedback</a></li>
                    </ul>
                </div>

                <div class="span12">
                    <ul>
                        <li>Company</li>
                        <li><a href="https://gathercontent.com/about">About Us</a></li>
                        <li><a href="mailto:support@gathercontent.com">Contact Us</a></li>
                        <li><a href="http://blog.gathercontent.com">Blog</a></li>
                        <li><a href="http://www.trello.com/board/product-roadmap/4fdb32ea92d2163a183b89c6" target="_blank">Product Roadmap</a></li>
                    </ul>
                </div>

                <div class="span12">
                    <a href="http://twitter.com/gathercontent" class="twitter-link">Follow us on Twitter</a>
                </div>
            </div>

            <p>Copyright GatherContent Ltd. All rights reserved. Proudly made in Scotland. Thank you to <a href="http://www.bloomagency.co.uk">Bloom Agency</a> for allowing us to use a photo of their amazing workspace.</p>

            <a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>

        </div>
    </footer>
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="https://gathercontent.com/assets/js/global/selectivizr.js"></script>
    <script>        window.jQuery || document.write('<script src="https://gathercontent.com/assets/js/global/jquery-1.7.1.min.js"><\/script>')</script>
    <script type="text/javascript" src="https://gathercontent.com/assets/js/global/_dynamic.php?v=1367911443"></script>
    <script type="text/javascript" src="https://gathercontent.com/assets/js/homepage/_dynamic.php?v=1367911443"></script>
    <!-- begin hittail code -->
    <script type="text/javascript">
        (function () {
            var ht = document.createElement('script'); ht.async = true;
            ht.type = 'text/javascript'; ht.src = '//103767.hittail.com/mlt.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ht, s);
        })();
    </script>
    <!-- end hittail code -->
    <!-- begin qualaroo code -->
    <script type="text/javascript">        var _kiq = _kiq || [];</script>
    <script type="text/javascript" src="//s3.amazonaws.com/ki.js/22223/4o7.js" async="true"></script>
    <!-- end qualaroo code -->
    <script type="text/javascript">        if (!NREUMQ.f) { NREUMQ.f = function () { NREUMQ.push(["load", new Date().getTime()]); var e = document.createElement("script"); e.type = "text/javascript"; e.src = (("http:" === document.location.protocol) ? "http:" : "https:") + "//" + "d1ros97qkrwjf5.cloudfront.net/42/eum/rum.js"; document.body.appendChild(e); if (NREUMQ.a) NREUMQ.a(); }; NREUMQ.a = window.onload; window.onload = NREUMQ.f; }; NREUMQ.push(["nrfj", "beacon-4.newrelic.com", "0460cc54b3", "1376563", "M1dTYhADW0NTW0BYDgodZEQLTVxeVl1MHxEMQg==", 0, 1, new Date().getTime(), "", "", "", "", ""]);</script>
</body>
</html>
